@charset "utf-8";
$width1:100%;
$width2:1200px;
$height1:1540px;
$height2:1342px;
$color1:#f5f5f5;
$color2:#e4e4e4;
$color3:#d8d8d8;
$max-width1:1200px;
$h2fontsize1:17px;

.content{
    width: $width1;
    background: $color1;
    padding-top: 30px;
    padding-bottom: 142px;

//  background: greenyellow;
    .search_results_toilet{
        max-width: $max-width1;
        width: $width2;


        margin: auto;
        
        
        
        .search_data{
            width: $width1;
            height: 160px;
            h2{
                font-size: $h2fontsize1;
                font-weight: 600;
                margin-bottom: 47px;
            }
            li{
             span{
                 display: inline-block;
                line-height: 28px;
                a{
                    display: block;
                    color: red;
                }
                

                
            }
            .w73{
                width: 99px;
            }
            .w123{
                width: 120px;
                transition: all .5s;
                &:hover{
                text-align: center;
                font-weight: 600;
                color: #ffffff;
                background: #f87908;
                a{
                    color: #ffffff;
                }
            }
                
            }
            .w120{
                width: 130px;
                transition: all .5s;
                &:hover {
                text-align: center;
                font-weight: 600;
                
                background: #f87908;
                a{
                    color: #ffffff;
                }
            }
            }
            
            
            
        }
        }
        .goods_rank{
            width: $width1;
            height: 32px;
            background: $color3;
            span{
                font-size: 16px;
                line-height: 32px;
                text-indent: 10px;
                padding-left: 22px;
            }
            
            
        }
        
        
        .goods_list{
            width: 100%;
            max-width: $max-width1;
            ul{
                    font-size: 0;
            
            li{
                
                
                display: inline-block;
                width: 24%;
                background: $color2;

                margin-top: 9px;
                margin-right: 16px;
                transition: all 0.5s;
                
                &:hover{
                    box-shadow: 0 0 10px 0 rgba(0,0,0,0.19);
                     transform: translate3d(0,-2PX,0);
                     transition: all 0.3s cublc-bezier(0.55,0,0.1,1);
                }
               &:nth-of-type(4n){
              
                   margin-right: 0;
               }
               .goods_w{
                   width: 288px;
                   overflow: hidden;
                   

                   img{
                   width: 100%;
                   height: 78%;
                   opacity:0.7; 
                   &:hover{
                       opacity: 1;
                       transform: scale(1.1);
                       transition: all 0.6s;
                   }
               }
               }
               .goods_text{
                   max-width: 248px;
                   margin:auto;
                   padding-top: 20px;
                   padding-bottom: 5px;
                   font-size: 16px;
                   p{
                        overflow: hidden;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                   }
                   
               }
               
            }
            }
            
           
            
            
            
            
        }
        
        
    }
}
